<template>
    <div class="avaterContainer">
        <div>
            <img class="imgContainer" src="https://avatars.githubusercontent.com/u/60684084?v=4">
        </div>
        <div>
            <ul>
                <li>NickName</li>
                <li>Email</li>
            </ul>
        </div>
    </div>
</template>

<style>
.avaterContainer {
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: left;
}

.imgContainer {
    max-width: 90%;
    margin:5%;
    border-radius: 50%;
}
</style>